@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Parkinsans:wght@300..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");


/* font 1 */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');



/* font 3 */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');



* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
} 


body{
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
background-color: #fefefe;
width: 100%;

}

.logo{

	height: 50px;

}

.header-design{
	background-color: #1a1a1a;
	padding-bottom: 15px;
	z-index: 900;
	position: fixed;
	width: 100%;
}

.sticky{
position: sticky;
  top: 0;
}


.font-1{
	    font-family: "Archivo Black", sans-serif;
}



.font-3{
	  font-family: "Permanent Marker", cursive;
}


  .slider-title{
  	font-weight: bolder;
  	color: #ff1c0d;
  	font-size: 5vw;
  }


  /* Responsive CSS Here */
@media screen and (max-width: 950px) { 

	.slider-title{
		font-size: 50px;
	}

  .hide-me{
    display: none;
  }

}





/* Responsive CSS Here */
@media screen and (min-width: 950px) { 


.zoom-background {
            width: 100%;
            animation: zoomInOut 30s infinite;
        }

        @keyframes zoomInOut {
            0% {
                background-size: 100%;
            }
            50% {
                background-size: 110%; /* Adjust the zoom level */
            }
            100% {
                background-size: 100%;
            }
        }

 
}



nav .navbar-nav li a{
  color: #fff !important;
  text-transform: uppercase;
  transition: 0.4s;
  }


  nav .navbar-nav li a:hover{
    color: #ff1c0d !important;
  }

   nav .navbar-nav li a:active{
    color: #ff1c0d !important;
  }



  .btn{
  	border: none;
  }

 .color-1{
  	color: #ff1c0d;
  }

   .color-2{
    color: lightgrey;
  }

  .social-icon{
  	color: #ff1c0d;
  	transition: 0.4s;
  }

  .social-icon:hover{
  	color: #fff;
  }



    .social-icon-2{
  	color: #fff;
  	transition: 0.4s;
  }

  .social-icon-2:hover{
  	color: #ff1c0d;
  }



  .btn-1{
  	background-color: #ff1c0d;
  	color: #fff;
  	border-radius: 0;
  	text-transform: uppercase;
  	padding: 13px;
  	transition: 0.4s;
  	border:  solid 2px #ff1c0d;
  }

 .btn-1:hover{
 	color: #ff1c0d;
 	background-color: transparent;
 	border: solid 2px #ff1c0d;
 }

 .btn-2{

 	color: #ff1c0d;
 	background-color: transparent;
 	border: solid 2px #ff1c0d;
 	  	border-radius: 0;
  	text-transform: uppercase;
  	padding: 13px;
  	transition: 0.4s;

 }


   .btn-2:hover{
  	background-color: #ff1c0d;
  	color: #fff;
  	border:  solid 2px #ff1c0d;
  }

  .event-images{
  	width: 100%;
  	transition: 0.4s;
  }

  .event-images:hover{
  	transform: scale(1.09);
  	 translate: 0px -10px;
  }


.gallery{
	width: 100%;
	transition: 0.4s;
	width: 100%;
	height: 300px;
	background-position: center;
}
.gallery:hover{
	transform: scale(1.09);
	cursor: pointer;
}


.input-design{
  padding: 15px;
  border-radius: 0;
}